$(function() {
    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });

    $.ajax({
        url: '/category/queryTopCategory',
        type: 'get',
        data: {},
        success: function(e) {
            // console.log(e);
            // 将数据和html模板拼接
            // (1).传html模板ID
            // (2).传数据
            // (3).告诉模板引擎=》html模板和数据怎样进行拼接
            var html = template('category-one', { data: e.rows })
                // console.log(html);
            $('.link').html(html);

            // 判断进入页面有数据呈现
            if (e.rows.length) {
                // 添加选中状态
                $('.link').find('a').eq(0).addClass('qq');
                var id = e.rows[0].id;
                $.ajax({
                    type: 'get',
                    url: '/category/querySecondCategory',
                    data: { id: id },
                    success: function(res) {
                        // console.log(res);
                        var html = template('category-two', res)
                        $('.brand_list').html(html);
                    }
                });
            }
        }
    });

    // 1.给一级分类添加点击事件
    $('.link').on('click', 'a', function() {
        // alert(111);
        // 2.获取一级分类的ID
        var id = $(this).attr('id');
        // 给点击当前的一级分类添加类
        $(this).addClass('qq').siblings().removeClass('qq');
        // 3.调用二级分类的接口获取数据
        $.ajax({
            type: 'get',
            url: '/category/querySecondCategory',
            data: { id: id },
            success: function(res) {
                // console.log(res);
                var html = template('category-two', res)
                $('.brand_list').html(html);
            }
        });
    });

});